<template>
  <div class="DailyTaxBaseFill_mous_box">
    <!-- 头部 -->
    <div class="header"><Info /></div>
    <!-- 中间表格 -->

    <div class="main">
      <el-form
        :model="ruleForm"
        :rules="rules"
        ref="ruleForm"
        label-width="100px"
        class="demo-ruleForm"
      >
        <el-card class="MonthlyDeclarationForm_box">
          <div slot="header" class="clearfix">
            <span>缴税详情</span>
            <div class="tabel_box">
              <el-table :data="tableData" border style="width: auto">
                <!-- 缴纳税种 -->
                <el-table-column label="缴纳税种" width="auto">
                  <template slot-scope="scope" v-if="scope.row.name != null">
                    <el-form-item label="活动区域" prop="region">
                      <el-select
                        v-model="ruleForm.region"
                        placeholder="请选择活动区域"
                      >
                        <el-option label="区域一" value="shanghai"></el-option>
                        <el-option label="区域二" value="beijing"></el-option>
                      </el-select>
                    </el-form-item>
                  </template>
                  <template slot-scope="scope" v-if="scope.row.name == null">
                    <span>{{ scope.row.name }}</span>
                  </template>
                </el-table-column>
                <!-- 计税基础 -->
                <el-table-column label="计税基础" width="auto">
                  <template slot-scope="scope"> {{ scope.row.name }}</template>
                </el-table-column>

                <!--  税率/单位税额-->
                <el-table-column label="税率/单位税额" width="auto">
                  <template slot-scope="scope">
                    <el-form-item
                      label="活动名称"
                      prop="name"
                      v-if="scope.row.zhao == 0"
                    >
                      <el-input
                        v-model="ruleForm.name"
                      ></el-input> </el-form-item
                  ></template>
                  <!--  -->
                  <template slot-scope="scope" v-if="scope.row.zhao == 1">
                    <div class="inputAndDiv">
                      <div></div>
                      <el-form-item label="活动名称" prop="name">
                        <el-input v-model="ruleForm.name"></el-input>
                      </el-form-item>
                    </div>
                  </template>
                </el-table-column>
                <!--  征期-->
                <el-table-column label="征期" width="auto">
                  <template slot-scope="scope">
                    {{ scope.row.zhibiao }}</template
                  >
                  <!-- 缴纳时限 -->
                  <el-table-column label="缴纳时限" width="100%">
                    <template slot-scope="scope">
                      {{ scope.row.zhibiao }}</template
                    >
                  </el-table-column>
                  <!-- 缴纳月份 -->
                  <el-table-column label="缴纳月份" width="auto">
                    <template slot-scope="scope">
                      {{ scope.row.zhibiao }}</template
                    >
                  </el-table-column>
                </el-table-column>
              </el-table>
            </div>
          </div>
        </el-card>
      </el-form>
    </div>

    <!-- 底部 -->
    <div class="footer"><RelevantAttachments /></div>
  </div>
</template>
<script >
import Info from "./components/DailyTaxBaseFill_info";
import RelevantAttachments from "./components/RelevantAttachments";
export default {
  name: "DailyTaxBaseFill",
  components: {
    Info,
    RelevantAttachments,
  },
  data() {
    return {
      tableData: [
        {
          title: "税种",
          name: null,
          zhao: "--",
          zhibiao: "1700.12",
          nashui: 22,
        },
      ],
    };
  },
};
</script>

<style scoped lang='scss'>
</style>